page {
    height: 100%;

    .cates {
        height: 100%;

        .cates-container {
            // less中使用calc要注意用一下写法 （less会编译）
            height: ~'calc(100vh - 90rpx)';
            display: flex;
            .left-menu {
                // 子项 高度100%flex
                flex: 2;
                .menu-item{
                    height: 80rpx;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-style: 20rpx;
                }
                .active{
                    color: var(--themeColor);
                    border-left: 5rpx solid currentColor;
                }
            }

            .right-content {
                flex: 5;
                .goods-group{
                    .goods-title{
                        height: 80rpx;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .delimiter{
                            color: #ccc;
                            padding: 0 10rpx;
                        }
                        .title{}
                    }
                   
                    .goods-list{
                        display: flex;
                        flex-wrap: wrap;
                        navigator{
                            width: 33.33%;
                            text-align: center;
                            image{
                               width: 50%;
                            }
                            .goods-name{}
                        }
                    }
                }
               
            }
        }

    }
}